﻿<%@ Page Language="C#" MasterPageFile="~/MasterPage/MasterPage2.master" AutoEventWireup="true"
    CodeFile="Nhahang.aspx.cs" Inherits="Nhahang" Title="Danh Mục Nhà Hàng" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <link href="CSS/default.css" rel="stylesheet" type="text/css" />
    <link href="CSS/nhahang.css" rel="stylesheet" type="text/css" />
    <link href="CSS/nivo-slider.css" rel="stylesheet" type="text/css" />
    <script src='<%=this.ResolveClientUrl("~/JS/jquery.nivo.slider.pack.js")%>' type="text/javascript"></script>
    <script src="JS/jquery.pad.page.js" type="text/javascript"></script>
    <style type="text/css">
        #menu-container ul li#nhahang a
        {
            color: #ffffff;
            width: 146px;
            line-height: 49px;
            font-size: 14px;
            font-weight: bold;
            text-decoration: none;
            display: block;
            background-image: url(Images/menu-bg_hover.jpg);
            background-repeat: repeat-x;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
            behavior: url(CSS/PIE.htc);
            box-shadow: 0\9;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#res-header ul li').click(function () {
                $('#res-header ul li').removeClass('active');
                $(this).addClass('active');
                return false;
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div class="clearfix">
        <div id="left-pane">
            <div id="home-slide">
                <div class="slider-wrapper theme-default">
                    <div id="slider" class="nivoSlider">
                        <asp:Repeater ID="Repeater1" runat="server">
                            <ItemTemplate>
                                <a href='<%#"Nha-hang-chi-tiet.aspx?NhaHangID="+Eval("NhaHangID") %>'>
                                    <img alt='<%#Eval("TieuDe") %>' src='<%#Eval("DuongDan") %>' title='<%#"#"+Eval("SlideID") %>' /></a>
                            </ItemTemplate>
                        </asp:Repeater>
                    </div>
                    <asp:Repeater ID="Repeater3" runat="server">
                        <ItemTemplate>
                            <div id='<%#Eval("SlideID") %>' class="nivo-html-caption">
                                <p style="font-size: 14px; font-weight: bold">
                                    <%#Eval("TieuDe") %></p>
                                <p style="font-size: 14px;">
                                    <%#Eval("MoTa") %></p>
                            </div>
                        </ItemTemplate>
                    </asp:Repeater>
                </div>
            </div>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <div id="res-header" class="clearfix">
                        <p>
                            NHÀ HÀNG</p>
                        <ul>
                            <li>
                                <asp:LinkButton ID="LinkButton1" runat="server">Xem nhiều</asp:LinkButton></li>
                            <li>
                                <asp:LinkButton ID="LinkButton2" runat="server">Bình luận nhiều</asp:LinkButton>
                                <li class="active">
                                    <asp:LinkButton ID="LinkButton3" runat="server">Mới nhất</asp:LinkButton>
                        </ul>
                    </div>
                    <div class="item_container">
                        <ul class="clearfix">
                            <asp:Repeater ID="rptRes" runat="server">
                                <ItemTemplate>
                                    <li>
                                        <div class="item">
                                            <div class="item_image">
                                                <a href='<%#"Nha-hang-chi-tiet.aspx?NhaHangID="+Eval("NhaHangID") %>'>
                                                    <img class="res-image" width="220" height="138" alt="" src='<%#Eval("HinhDaiDien") %>' /></a>
                                            </div>
                                            <div class="item_title">
                                                <p>
                                                    <a href='<%#"Nha-hang-chi-tiet.aspx?NhaHangID="+Eval("NhaHangID") %>'>
                                                        <%#Eval("TenNhaHang")%></a>
                                                </p>
                                            </div>
                                            <div class="mota">
                                                <p>
                                                    <%#Eval("MoTa") %></p>
                                            </div>
                                            <div class="address">
                                                <p>
                                                    <%# Eval("SoNha") %>
                                                    <%# Eval("Duong") %>,
                                                    <%#Eval("TenXaPhuong") %>,
                                                    <%# Eval("TenHuyenQuan") %>,
                                                    <%# Eval("TenTinhThanhPho") %>
                                                </p>
                                            </div>
                                        </div>
                                    </li>
                                </ItemTemplate>
                            </asp:Repeater>
                        </ul>
                    </div>
                    <div class="pagingReport" id="pagingReport">
                        <span data-role-report="prev" class="btn left cs-btn-pn">Prev </span><span data-role-report="paging"
                            class="btn left cs-btn-pn">1 </span><span data-role-report="paging" class="btn left cs-btn-pn">
                                2 </span><span data-role-report="paging" class="btn left cs-btn-pn">3</span><span
                                    data-role-report="next" class="btn left cs-btn-pn">Next </span>
                    </div>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        <div id="right-pane">
            <div id="top-5-res">
                <div id="top-5-res-header">
                    <p>
                        Nhà hàng mới dành cho bạn</p>
                </div>
                <div id="hot-news-line">
                </div>
                <div id="top-5-res-content">
                    <asp:Repeater ID="Repeater2" runat="server">
                        <ItemTemplate>
                            <div id="item-wrapper">
                                <div style="margin-bottom: 8px; padding-left: 5px; padding-top: 8px;" id="res-title">
                                    <a href='<%#"Nha-hang-chi-tiet.aspx?NhaHangID="+Eval("NhaHangID") %>'>
                                        <%#Eval("TenNhaHang") %></a>
                                </div>
                                <div class="clearfix" style="border-bottom: solid thin #dfdfdf; padding-bottom: 12px;
                                    padding-left: 5px">
                                    <div style="float: left; margin-top: 2px;">
                                        <span>
                                            <asp:Rating ID="Rating1" runat="server" StarCssClass="ratingEmpty" WaitingStarCssClass="ratingSaved"
                                                EmptyStarCssClass="ratingEmpty" FilledStarCssClass="ratingFilled" CurrentRating='<%#Eval("RateValue") %>'
                                                ReadOnly="true">
                                            </asp:Rating>
                                        </span>
                                    </div>
                                    <div style="float: left">
                                        <span style="margin-left: 20px; font-size: 11px; color: #5f5f62; margin-top: 0">Lượt
                                            xem :
                                            <asp:Label ID="lblTop5ResViews" runat="server" Text='<%#Eval("LuotXem") %>' ForeColor="#5f5f62"
                                                Font-Size="11px"></asp:Label></span></div>
                                    <div style="float: left">
                                        <span style="margin-left: 20px; font-size: 11px; color: #5f5f62;">Bình luận :
                                            <asp:Label ID="lblTop5ResComment" runat="server" Text='<%#Eval("LuotBinhLuan") %>'
                                                Font-Size="11px"></asp:Label></span></div>
                                </div>
                            </div>
                        </ItemTemplate>
                    </asp:Repeater>
                </div>
            </div>
            <div style="margin-top: 5px;">
                <a href='http://deal.phoamthuc.net/' target="_blank">
                    <img alt="deal ẩm thực, deal du lịch" src="Images/Right-banner/right-bn1.jpg" width="288" />
                </a>
            </div>
        </div>
    </div>
    <script src="JS/jquery.nivo.slider.pack.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(window).load(function () {
            $('#slider').nivoSlider(
        {
            effect: 'fade',
            pauseTime: 5000
        });
        });
    </script>
    <script type="text/javascript">
        var root = '<% =Request.ApplicationPath%>';
        var currentPage = '<% =currentPage%>';
        createPagingReport(Math.ceil(parseInt('<%=totalPage%>') / 12), 'pagingReport');      
    </script>
</asp:Content>
